<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
            color: #333;
            line-height: 1.6;
            padding-bottom: 50px;
        }

        header {
            background: linear-gradient(90deg, #1a3a5f, #2c5a8a);
            color: white;
            padding: 80px 20px 40px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        header::before {
            content: "";
            position: absolute;
            top: -50px;
            left: -50px;
            right: -50px;
            bottom: -50px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
            z-index: 0;
        }

        .header-content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        h1 {
            font-size: 3.5rem;
            margin-bottom: 20px;
            letter-spacing: 1px;
        }

        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 700px;
            margin: 0 auto;
            color: #e4edf5;
        }

        .container {
            max-width: 1000px;
            margin: -30px auto 0;
            padding: 0 20px;
            position: relative;
            z-index: 10;
        }

        .card {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            padding: 40px;
            margin-bottom: 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
        }

        h2 {
            color: #2c5a8a;
            font-size: 2rem;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #eaeff5;
            display: flex;
            align-items: center;
        }

        h2 i {
            margin-right: 15px;
            background: #e4edf5;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #2c5a8a;
        }

        h3 {
            color: #3a6ea5;
            margin: 25px 0 15px;
            font-size: 1.4rem;
        }

        p {
            margin-bottom: 15px;
            color: #444;
        }

        ul {
            padding-left: 25px;
            margin: 15px 0;
        }

        li {
            margin-bottom: 10px;
            position: relative;
        }

        li::before {
            content: "•";
            color: #3a6ea5;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }

        .last-updated {
            background: #f0f7ff;
            border-left: 4px solid #3a6ea5;
            padding: 15px 20px;
            margin: 25px 0;
            border-radius: 0 8px 8px 0;
            font-size: 0.95rem;
        }

        .contact-box {
            background: linear-gradient(135deg, #3a6ea5 0%, #1a3a5f 100%);
            color: white;
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            margin-top: 20px;
        }

        .contact-box h3 {
            color: white;
            font-size: 1.8rem;
            margin-bottom: 20px;
        }

        .contact-btn {
            display: inline-block;
            background: white;
            color: #2c5a8a;
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 15px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        .contact-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.25);
            background: #f8f9fa;
        }

        footer {
            text-align: center;
            margin-top: 40px;
            color: #666;
            font-size: 0.9rem;
        }

        @media (max-width: 768px) {
            h1 {
                font-size: 2.5rem;
            }

            .card {
                padding: 25px;
            }

            h2 {
                font-size: 1.6rem;
            }

            h2 i {
                width: 40px;
                height: 40px;
                font-size: 0.9rem;
            }
        }

        @media (max-width: 480px) {
            header {
                padding: 60px 15px 30px;
            }

            h1 {
                font-size: 2rem;
            }

            .subtitle {
                font-size: 1rem;
            }

            .card {
                padding: 20px;
            }

            h2 {
                font-size: 1.4rem;
            }
        }
    </style>
</head>

<body>
    <header>
        <div class="header-content">
            <h1><i class="fas fa-shield-alt"></i> 隐私政策</h1>
            <p class="subtitle">我们致力于保护您的个人信息安全，并确保您在使用我们的服务时拥有透明的隐私控制权。</p>
        </div>
    </header>

    <div class="container">
        <div class="card">
            <div class="last-updated">
                <strong>最后更新日期：</strong> 2023年6月16日
            </div>

            <h2><i class="fas fa-info-circle"></i> 简介</h2>
            <p>感谢您使用我们的服务。本隐私政策旨在帮助您了解我们如何收集、使用、披露、转移和存储您的个人信息。我们致力于保护您的隐私权，并确保您的个人信息得到安全处理。</p>
            <p>通过使用我们的服务，即表示您同意我们根据本隐私政策收集和使用信息。</p>
        </div>

        <div class="card">
            <h2><i class="fas fa-database"></i> 我们收集的信息</h2>
            <p>我们收集信息是为了提供更好的服务。我们收集的信息类型包括：</p>

            <h3>您提供的信息</h3>
            <ul>
                <li>注册账户时提供的姓名、电子邮件地址、电话号码等</li>
                <li>使用服务时上传或创建的内容</li>
                <li>参与调查或反馈时提供的信息</li>
                <li>购买产品或服务时的付款信息</li>
            </ul>

            <h3>我们自动收集的信息</h3>
            <ul>
                <li>设备信息（设备型号、操作系统版本等）</li>
                <li>日志信息（IP地址、访问时间、浏览器类型等）</li>
                <li>位置信息（当您使用位置相关功能时）</li>
                <li>Cookie和类似技术收集的信息</li>
            </ul>
        </div>

        <div class="card">
            <h2><i class="fas fa-cogs"></i> 我们如何使用信息</h2>
            <p>我们使用收集的信息用于以下目的：</p>
            <ul>
                <li>提供、维护和改进我们的服务</li>
                <li>开发新产品、功能和服务</li>
                <li>提供个性化的用户体验</li>
                <li>与您沟通（服务更新、安全警报等）</li>
                <li>检测和防止欺诈、滥用和安全问题</li>
                <li>进行研究和分析以改进我们的服务</li>
            </ul>
        </div>

        <div class="card">
            <h2><i class="fas fa-share-alt"></i> 信息共享与披露</h2>
            <p>我们仅在以下情况下共享您的个人信息：</p>

            <h3>征得您的同意</h3>
            <p>在征得您明确同意的情况下，我们会与第三方共享特定信息。</p>

            <h3>服务提供商</h3>
            <p>我们可能会与为我们提供服务的公司共享信息，如托管服务、支付处理、数据分析等。这些公司必须遵守严格的保密协议。</p>

            <h3>法律要求</h3>
            <p>为遵守适用法律、法规、法律程序或政府要求，我们可能会披露您的信息。</p>

            <h3>业务转移</h3>
            <p>如果涉及合并、收购或资产出售，我们可能会转移您的个人信息。</p>
        </div>

        <div class="card">
            <h2><i class="fas fa-lock"></i> 信息安全</h2>
            <p>我们采用各种安全技术和程序来保护您的个人信息免遭未经授权的访问、使用或披露：</p>
            <ul>
                <li>使用SSL/TLS加密传输敏感数据</li>
                <li>实施严格的访问控制措施</li>
                <li>定期进行安全审计和漏洞扫描</li>
                <li>对员工进行隐私保护培训</li>
            </ul>
            <p>尽管我们采取合理措施保护您的信息，但请注意没有任何互联网传输或电子存储方法是100%安全的。</p>
        </div>

        <div class="card">
            <h2><i class="fas fa-user-circle"></i> 您的权利</h2>
            <p>根据适用法律，您可能拥有以下权利：</p>
            <ul>
                <li>访问我们持有的关于您的个人信息</li>
                <li>要求更正不准确或不完整的个人信息</li>
                <li>要求删除您的个人信息</li>
                <li>限制或反对处理您的个人信息</li>
                <li>获取您的个人信息以便转移到其他服务</li>
                <li>撤回您之前给予的同意</li>
            </ul>
            <p>要行使这些权利，请通过下面的联系方式与我们联系。</p>
        </div>

        <div class="card">
            <h2><i class="fas fa-cookie-bite"></i> Cookie和类似技术</h2>
            <p>我们使用Cookie和类似技术来：</p>
            <ul>
                <li>记住您的偏好和设置</li>
                <li>分析服务使用情况</li>
                <li>提供个性化内容和广告</li>
                <li>防范欺诈行为</li>
            </ul>
            <p>您可以通过浏览器设置管理Cookie偏好。但请注意，禁用某些Cookie可能会影响服务的功能。</p>
        </div>

        <div class="card">
            <h2><i class="fas fa-child"></i> 儿童隐私</h2>
            <p>我们的服务不针对13岁以下儿童。如果我们发现无意中收集了13岁以下儿童的个人信息，我们将尽快删除这些信息。</p>
            <p>如果您是父母或监护人，并认为您的孩子向我们提供了个人信息，请与我们联系。</p>
        </div>

        <div class="contact-box">
            <h3>有任何隐私问题？</h3>
            <p>如果您对本隐私政策有任何疑问、意见或建议，请随时与我们联系</p>
            <a href="./button.html" class="contact-btn">
                <i class="fas fa-envelope"></i> 联系隐私团队
            </a>
        </div>

        <footer>
            <p>© 2023 公司名称. 保留所有权利。</p>
            <p>隐私政策版本: 3.0 | 生效日期: 2023年6月16日</p>
        </footer>
    </div>
</body>

</html>